<template>
  <div>
    <!--<navigation />-->
    <!--头部-->
    <toolbar />

    <v-content>
      <v-container grid-list-xl text-xs-center>
        <div class="center">
          <v-layout row wrap>
            <v-flex xs9>
              <router-view />
            </v-flex>
            <v-flex xs3>
              <home-aside />
            </v-flex>
          </v-layout>
        </div>
      </v-container>
    </v-content>

    <!--底部-->
    <!--<v-footer app />-->
  </div>

</template>
<script type="text/ecmascript-6">
  import Toolbar from './components/Toolbar';
  import Navigation from './components/Navigation';
  import HomeAside from './components/aside';
  import Articles from '@/views/article/list';


  export default {
    components: {
      Toolbar,
      Navigation,
      Articles,
      HomeAside
    },
    data() {
      return {}
    }
  }
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
  .center {
    max-width: 1200px;
    margin: 0 auto;
    /*padding: 2rem 2.5rem;*/
  }
</style>
